<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center requestHousingDetails_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub requestHousingDetails_fd0_0'>
          <view class='flex flex-wrap align-center requestHousingDetails_fd0_0_c0' @tap.stop="goBack" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  requestHousingDetails_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='requestHousingDetails_fd0_0_c1_c0'>{{$t('详情')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-end requestHousingDetails_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <benben-popup v-model="popupShow1699496013965" :mask="true" :mask-close-able="false" mode='bottom'>
        <!---分享flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout requestHousingDetails_flex_1">
          <view class='flex flex-direction flex-wrap align-stretch flex-sub requestHousingDetails_fd1_0'>
            <view class='flex flex-wrap align-center justify-between requestHousingDetails_fd1_0_c0'>
              <view class='flex flex-wrap align-center requestHousingDetails_fd1_0_c0_c0'>
              </view>
              <text class='requestHousingDetails_fd1_0_c0_c1'>{{$t('分享至')}}</text>
              <image class='requestHousingDetails_fd1_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"54.png"'
                @tap.stop="popupShow1699496013965=false"></image>
            </view>
            <view class='flex flex-wrap align-center justify-between requestHousingDetails_fd1_0_c1'>
              <view class='flex flex-direction flex-wrap align-center' @tap.stop="copyText(housingDetails.h5_share)">
                <image class='requestHousingDetails_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"55.png"'></image>
                <text class='requestHousingDetails_fd1_0_c1_c0_c1'>{{$t('复制链接')}}</text>
              </view>
              <!-- #ifdef APP || APP-PLUS -->
              <view class='flex flex-direction flex-wrap align-center' @click.stop="shareApp('1')">
                <image class='requestHousingDetails_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"56.png"'></image>
                <text class='requestHousingDetails_fd1_0_c1_c0_c1'>{{$t('微信好友')}}</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center' @click.stop="shareApp('2')">
                <image class='requestHousingDetails_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"57.png"'></image>
                <text class='requestHousingDetails_fd1_0_c1_c0_c1'>{{$t('朋友圈')}}</text>
              </view>
              <!-- #endif -->
              <view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/shouye/reportingPage/reportingPage?id=${housingDetails.aid}&type=${housingDetails.publisher_type}`">
                <image class='requestHousingDetails_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
                <text class='requestHousingDetails_fd1_0_c1_c0_c1'>{{$t('举报')}}</text>
              </view>
            </view>
          </view>
        </view>

        <!---分享flex布局结束-->

      </benben-popup>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout requestHousingDetails_flex_2">
        <view class='flex flex-direction flex-wrap align-stretch requestHousingDetails_fd2_0'>
          <view class='flex flex-wrap align-center'>
            <image class='requestHousingDetails_fd2_0_c0_c0' mode="aspectFit" :src='housingDetails.user_avatar'></image>
            <view class='flex flex-direction flex-wrap align-start'>
              <view class='flex flex-wrap align-center'>
                <text class='requestHousingDetails_fd2_0_c0_c1_c0_c0'>{{housingDetails.user_nickname}}</text>
                <!-- <text class='requestHousingDetails_fd2_0_c0_c1_c0_c1'>{{housingDetails.housingrentalmethod_name}}</text> -->
              </view>
              <text class='requestHousingDetails_fd2_0_c0_c1_c1'>{{housingDetails.create_time}}</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_0_c1_c0'>{{housingDetails.name}}</text>
          </view>
          <view class='flex flex-wrap align-end requestHousingDetails_fd2_0_c2'>
            <text class='requestHousingDetails_fd2_0_c2_c0'>{{$t('租金预算')}}</text>
            <text class='requestHousingDetails_fd2_0_c2_c1'>HK$</text>
            <text
              class='requestHousingDetails_fd2_0_c2_c2'>{{housingDetails.housingrentaudget_min_price}}-{{housingDetails.housingrentaudget_max_price}}</text>
            <text class='requestHousingDetails_fd2_0_c2_c3'>/{{$t('月')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between requestHousingDetails_fd2_0_c3'>
            <view class='flex flex-direction flex-wrap align-center justify-center requestHousingDetails_fd2_0_c3_c0'>
              <text class='requestHousingDetails_fd2_0_c3_c0_c0'>{{housingDetails.publisher_type_name}}</text>
              <text class='requestHousingDetails_fd2_0_c3_c0_c1'>{{$t('求租方式')}}</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center justify-center requestHousingDetails_fd2_0_c3_c0'>
              <text class='requestHousingDetails_fd2_0_c3_c0_c0'>{{housingDetails.housingrental_duration}}</text>
              <text class='requestHousingDetails_fd2_0_c3_c0_c1'>{{$t('租期')}}</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center justify-center requestHousingDetails_fd2_0_c3_c0'>
              <text
                class='requestHousingDetails_fd2_0_c3_c0_c0'>{{housingDetails.start_time==1 ? $t('随时') : housingDetails.start_time}}</text>
              <text class='requestHousingDetails_fd2_0_c3_c0_c1'>{{$t('起租日期')}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch requestHousingDetails_fd2_0'>
          <text class='requestHousingDetails_fd2_0_c1_c0'>{{$t('要求信息')}}</text>
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('房屋类型')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housingtype_name}}</text>
          </view>
          <!--      <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('所在楼层')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housingrentalfloor_name}}</text>
          </view> -->
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('面积')}}</text>
            <!-- parseInt(parseFloat(propertyDetails.area) * 10.764) -->
            <text
              class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housingarearange_min_area}}{{$t('㎡')}}-{{housingDetails.housingarearange_max_area}}{{$t('㎡')}}</text>
          </view>
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('电梯')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housinglift_name}}</text>
          </view>
          <!-- <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'
            v-if="housingDetails.housingtenantgender_name">
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('性别要求')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housingtenantgender_name}}</text>
          </view> -->
          <!-- <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('发布者性别')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.housingpublishergender_name}}</text>
          </view> -->
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('期望港铁')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.mrt_name }}</text>
          </view>
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_0_c1'>
            <text class='requestHousingDetails_fd2_1_c1_c0'>{{$t('附近大学')}}</text>
            <text class='requestHousingDetails_fd2_1_c1_c1'>{{housingDetails.school_name}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch requestHousingDetails_fd2_0'>
          <text class='requestHousingDetails_fd2_0_c1_c0'>{{$t('期望区域')}}</text>
          <view class='flex flex-wrap align-center requestHousingDetails_fd2_2_c1'
            v-for="(item,index) in housingDetails.addr_name">
            <text class='requestHousingDetails_fd2_2_c1_c0'>{{index+1}}</text>
            <text class='requestHousingDetails_fd2_2_c1_c1'>{{item}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch requestHousingDetails_fd2_3'>
          <text class='requestHousingDetails_fd2_0_c1_c0'>{{$t('求租描述')}}</text>
          <jyf-parser class='requestHousingDetails_fd2_3_c1' :html="housingDetails.introduce | richTextFormat">
          </jyf-parser>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <view
        class="flex flex-direction flex-wrap align-stretch benben-position-layout flex requestHousingDetails_flex_3">
        <view class='flex flex-wrap align-center flex-sub requestHousingDetails_fd3_0'>
          <view class='flex flex-direction flex-wrap align-center requestHousingDetails_fd3_0_c0'
            @tap.stop="addcancelFavoriteFunc()">
            <image class='requestHousingDetails_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"51.png"'
              v-if=" housingDetails.is_collect!='1'"></image>
            <image class='requestHousingDetails_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"96.png"'
              v-if=" housingDetails.is_collect=='1'"></image>
            <text class='requestHousingDetails_fd3_0_c0_c1'
              v-if=" housingDetails.is_collect!='1'">{{$t('收藏')}}</text><text class='requestHousingDetails_fd3_0_c0_c1'
              v-if=" housingDetails.is_collect=='1'">{{$t('已收藏')}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center' @tap.stop="popupShow1699496013965=true">
            <image class='requestHousingDetails_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"52.png"'></image>
            <text class='requestHousingDetails_fd3_0_c0_c1'>{{$t('分享')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-center flex-sub requestHousingDetails_fd3_0_c2'
            @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/wode/customerService/customerService?type=${housingDetails.publisher_type}&aid=${housingDetails.aid}`">
            <image class='requestHousingDetails_fd3_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"53.png"'></image>
            <text class='requestHousingDetails_fd3_0_c2_c1'>{{$t('立即咨询')}}</text>
          </view>
        </view>

      </view>
      <view :style="{height: '98rpx'}"></view>


    </view>
    <!-- #ifdef H5 -->
    <view class="text-df text-white flex align-center justify-between fixedupload" @click.stop="upLoad">
      <view class="flex align-center">
        <image src="../../../static/logo.png" mode=""></image>
        <view class="">使用 NextRent App 解鎖完整功能 </view>
      </view>
      <view class="text-sm btns">去下載</view>
    </view>
    <!-- #endif -->
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {},


    data() {
      return {
        "popupShow1699496013965": false,
        "housingDetails": {
          "aid": "",
          "name": "",
          "user_nickname": "",
          "publisher_type": "",
          "housingrentalmethod_name": "",
          "housingrentalduration_name": "",
          "start_time": "",
          "monthly_rent": "",
          "housingtype_name": "",
          "housingfloor_louceng": "",
          "housinglift_name": "",
          "housingaddress_name": "",
          "area": "",
          "address": "",
          "housingtenantgender_name": "",
          "video": [],
          "images": [],
          "mobile": "",
          "wechat": "",
          "whatsapp": "",
          "introduce": "",
          "other_desc": "",
          "create_time": "",
          "status": "",
          "refuse_reason": "",
          "housingrentalmethod_id": "",
          "housingrentalduration_id": "",
          "housingtype_id": "",
          "housingfloor_id": "",
          "housinglift_id": "",
          "housingaddress_id": "",
          "address_province": "",
          "address_city": "",
          "address_district": "",
          "address_address": "",
          "address_lat": "",
          "address_lng": "",
          "housingtenantgender_id": "",
          "user_id": "",
          "housingschool_name": "",
          "housingmrt_name": "",
          "housingschool_id": "",
          "housingmrt_id": "",
          "apartmentbuildtype_name": "",
          "is_recommend": "",
          "peripheral_desc": "",
          "apartmentbuildtype_id": "",
          "rental_method": "",
          "apartmentbrand_name": "",
          "apartmentbrand_id": "",
          "housing_list": [],
          "is_collect": ""
        },
        "id": "1",
        language_id: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.language_id = global.locale
      console.log('language_idlanguage_id', this.language_id)
      let {
        id
      } = options
      if (id !== undefined) this.id = id
      this.gethousimgDetailsFunc()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {
      this.popupShow1699496013965 = false
    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      upLoad() {
        let platform = uni.getSystemInfoSync().platform
        if (platform == 'ios') {
          window.location.href = "https://apps.apple.com/cn/app/nextrent/id6475764677"
        } else {
          window.location.href = "https://play.google.com/store/apps/details?id=com.xianggangfangyuans.benben&pli=1"
        }
      },
      goBack() {
        // #ifdef APP || APP-PLUS
        uni.navigateBack()
        // #endif
        // #ifdef H5
        window.location.href = 'https://api.nextrenthk.com/h5/#/'
        // #endif
      },
      // 分享APP
      shareApp(type) {
        let that = this
        let provider = ''
        let scene = ''
        if (type == 1) {
          provider = 'weixin'
          scene = 'WXSceneSession'
        } else if (type == 2) {
          provider = 'weixin'
          scene = 'WXSenceTimeline'
        }
        // let links=that.housingDetails.h5_share+`/pages/shouye/requestHousingDetails/requestHousingDetails?id=${that.housingDetails.aid}`
        // console.log(' that.housingDetails',links)
        uni.share({
          provider: provider,
          scene: scene,
          imageUrl: '/static/logo.png',
          title: that.housingDetails.name,
          href: that.housingDetails.h5_share,
          success: function(res) {
            console.log('22222')
            console.log("success:" + JSON.stringify(res));
          },
          fail: function(err) {
            this.$message.info('分享失败')
            console.log("fail:" + JSON.stringify(err));
          }
        });
      },
      //获取房源详情
      async gethousimgDetailsFunc() {
        //请求方法
        //数据验证

        let datahousingDetails = await this.$api.post(global.apiUrls.post655327269edad, {
          aid: this.id
        });

        if (datahousingDetails.data.code != 1) {
          this.$message.info(datahousingDetails.data.msg);
          return
        }
        let infohousingDetails = datahousingDetails.data;
        this.housingDetails = infohousingDetails.data

      },
      //添加取消收藏
      async addcancelFavoriteFunc() {
        let data65434b19cc781 = await this.$api.post(global.apiUrls.post65434b19cc781, {
          type: this.housingDetails.publisher_type,
          house_id: this.housingDetails.aid,
          house_name: this.housingDetails.name
        });

        if (data65434b19cc781.data.code != 1) {
          this.$message.info(data65434b19cc781.data.msg);
          return
        }
        this.gethousimgDetailsFunc()
        this.$message.info(res.data.msg);
        return;

      }
    }
  };
</script>
<style lang="scss" scoped>
  .fixedupload {
    width: 100%;
    position: fixed;
    bottom: 100rpx;
    padding: 32rpx 24rpx;
    left: 0;
    text-align: center;
    background-color: #000;
    z-index: 9;
    border-radius: 44rpx 44rpx 0 0;

    image {
      width: 50rpx;
      height: 50rpx;
      border-radius: 16rpx;
      margin-right: 12rpx;
    }

    .btns {
      width: 120rpx;
      height: 60rpx;
      line-height: 60rpx;
      border-radius: 16rpx;
      text-align: center;
      width: #0181ff;
      background-color: #0181ff;
    }
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(255, 255, 255, 1);
    background-size: 100% auto;
  }

  .requestHousingDetails_flex_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .requestHousingDetails_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    line-height: 88rpx;
  }

  .requestHousingDetails_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .requestHousingDetails_fd0_0_c0 {
    width: 120rpx;
  }

  .requestHousingDetails_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .requestHousingDetails_flex_1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .requestHousingDetails_fd1_0_c1_c0_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd1_0_c1_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd1_0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 60rpx 0rpx 60rpx;
  }

  .requestHousingDetails_fd1_0_c0_c2 {
    width: 26rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd1_0_c0_c1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 53rpx;
  }

  .requestHousingDetails_fd1_0_c0_c0 {
    width: 26rpx;
    height: 26rpx;
  }

  .requestHousingDetails_fd1_0_c0 {
    padding: 0rpx 40rpx 0rpx 040rpx;
  }

  .requestHousingDetails_fd1_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 42rpx 0rpx 66rpx 0rpx;
  }

  .requestHousingDetails_flex_2 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  ::v-deep .requestHousingDetails_fd2_3_c1 {
    width: 100%;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_3 {
    margin: 0rpx 32rpx 0rpx 32rpx;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .requestHousingDetails_fd2_2_c1_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 36rpx;
  }

  .requestHousingDetails_fd2_2_c1_c0 {
    background: rgba(255, 141, 0, 1);
    width: 36rpx;
    height: 36rpx;
    text-align: center;
    line-height: 36rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    color: rgba(255, 255, 255, 1);
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_2_c1 {
    margin: 28rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_1_c1_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 42rpx;
  }

  .requestHousingDetails_fd2_1_c1_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 42rpx;
    width: 160rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c3_c0_c1 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c3_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .requestHousingDetails_fd2_0_c3_c0 {
    background: rgba(246, 247, 249, 1);
    width: 208rpx;
    height: 130rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .requestHousingDetails_fd2_0_c3 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c2_c3 {
    color: #F7582F;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .requestHousingDetails_fd2_0_c2_c2 {
    color: #F7582F;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 41rpx;
  }

  .requestHousingDetails_fd2_0_c2_c1 {
    color: #F7582F;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 36rpx;
  }

  .requestHousingDetails_fd2_0_c2_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 36rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c2 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c1_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 42rpx;
  }

  .requestHousingDetails_fd2_0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c0_c1_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 42rpx;
  }

  .requestHousingDetails_fd2_0_c0_c1_c0_c1 {
    background: rgba(1, 129, 255, 1);
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 32rpx;
    padding: 4rpx 7rpx 4rpx 7rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .requestHousingDetails_fd2_0_c0_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 42rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 100rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd2_0 {
    border-bottom: 1px solid #eee;
    margin: 0rpx 32rpx 0rpx 32rpx;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .requestHousingDetails_flex_3 {
    background: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 98rpx;
    overflow: hidden;
    z-index: 10;
    bottom: calc(0rpx + var(--window-bottom));
    background-size: 100% auto;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    box-shadow: 0rpx -3rpx 6rpx 1rpx rgba(0, 0, 0, 0.05);
  }

  .requestHousingDetails_fd3_0_c2_c1 {
    color: #FFFFFF;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .requestHousingDetails_fd3_0_c2_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd3_0_c2 {
    background: rgba(1, 129, 255, 1);
    margin: 0rpx 0rpx 0rpx 40rpx;
    background-size: 100% auto;
    border-radius: 40rpx;
    height: 80rpx;
  }

  .requestHousingDetails_fd3_0_c0_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 3rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd3_0_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd3_0_c0 {
    margin: 0rpx 44rpx 0rpx 0rpx;
  }

  .requestHousingDetails_fd3_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 0rpx 50rpx 0rpx 50rpx;
  }
</style>
